<template>
    <div>
   <van-nav-bar left-arrow  v-on:click-left="onClickLeft" title="套卷练习">
      <template #right >
        <van-icon  name="search" size="18" />
      </template>
    </van-nav-bar>

  <!-- 下拉菜单 -->
<van-dropdown-menu>
 
  <van-dropdown-item title="套卷分类" ref="item">
   
  </van-dropdown-item>
    <van-dropdown-item title="套卷状态" ref="item">
   
  </van-dropdown-item>
</van-dropdown-menu>








    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    computed: {

    },
    methods: {
   onClickLeft() {
      this.$router.go(-1);
    },
     onConfirm() {
      this.$refs.item.toggle();
    },
    }
};
</script>

<style lang="scss" scoped>
.van-nav-bar {
  height: 100px;
}
.van-nav-bar__title {
  font-size: 40px;
}
.van-icon-arrow-left::before {
  font-size: 40px;
}
.van-icon-search::before {
  font-size: 52px;
  color: #646464;
}
.van-dropdown-menu__bar {
  height: 84px;
}
.van-dropdown-menu__title {
  height: 84px;
  line-height: 84px;
  font-size: 30px;
  
}
.van-dropdown-menu__title::after{
  font-size: 30px;
  border-color:transparent transparent #000 #000;
}

.van-dropdown-menu__title--active::after {
    border-color: transparent transparent currentColor currentColor;
}
</style>
